<template>
  <div id="app">
    <NavLink />
    <!-- <Home /> -->
    <!-- <Ref /> -->
    <!-- <TodoList /> -->
    <!-- <Heros /> -->
    <!-- <Movie /> -->
    <router-view></router-view>
  </div>
</template>

<script>
import NavLink from "./components/NavLink.vue"
import Home from "./pages/Home"
import Ref from "./pages/Ref.vue"
import TodoList from "./pages/TodoList.vue"
import Heros from "./pages/Heros.vue"
import Movie from "./pages/Movie.vue"

  export default{
    name: "App",
    components: {
      Home,
      Ref,
      TodoList,
      Heros,
      Movie,
      NavLink
    }
  }
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
</style>
